<template>
  <div class="broser">
    <img class="link"
         src="../img/link.png" />
    <div class="box">
      <img class="logo-img"
           src="../img/logo.png" />
      <div class="text-box">即将离开微信，前往“天天老友”APP。请在<span class="text">[在浏览器中打开]</span></div>
    </div>
  </div>

</template>
<script>
export default {
}
</script>
<style scoped lang="less">
.broser {
  width: 100%;
  height: 100%;
  position: fixed;
  //  background: #FFF;
  // background-image: url('../img/background.png');
  // background-repeat: no-repeat;
  // background-size: cover;
}
.box {
  width: 6rem;
  height: 1.5rem;
  display: flex;
  padding: 0.3rem;
  margin: 0 auto;
  border-radius: 0.2rem;
  border: 0.02rem solid #999;
  margin-top: 2.08rem;
}
.logo-img {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.5rem;
}
.text-box {
  display: inline-block;
  font-size: 0.33rem;
  color: #000;
  font-weight: bold;
  line-height: 0.7rem;
}
.text {
  color: #ff001f;
}
.link {
  width: 1.55rem;
  height: 1.73rem;
  position: absolute;
  right: 0.42rem;
  top: 0.11rem;
}
</style>
